﻿/* Thu vien da phuong tien  */
body{
	
}
.div-TitleTVDPT{
	text-transform:uppercase;
	height:36px;
	line-height:36px;
    color:#006cd1;	
   	text-transform:uppercase;
}
.tvdpt_divContent *{
	box-sizing:content-box;
}
.Link_Navigation{
	overflow:hidden;
	line-height:36px;
	height:36px;
	display:none;
}
.Link_Navigation div:first-child{
	display:none;
}
.Link_Navigation div{	
	float:left;
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	cursor:pointer;
	color:#666;
}
.Link_Navigation div:hover{
	color:#000;
}
#MainScreenid{
	display:table-cell;
	vertical-align:middle;
}
#MainScreenid{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	height:100%;
	width:100%;
	display:table;
	box-sizing:border-box;
}
#ContainerThumbnail{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:115px;
}
#divSlideShow{
	position:relative;
	z-index:1;
	min-height:520px;
}
#divSlideShow + br, #divSlideShow + br + br{
	display:none;
}
.AnimateSlide{
	display:table-cell;
	vertical-align:middle;
	padding-bottom:115px;
	height:400px;
}
.MainScreen{
	height: 100%;
	border: 1px solid #cce6ff;
}
.MainScreen_Image{
	max-height: 400px;
	width:auto;
}
.Lv-MainScreen span{
	display:block;
	margin-top:-23px;
	background-color:#000;
	line-height: 30px; position: relative; z-index: 10; color: #fff;
	opacity:0.4;	
	filter:alpha(opacity=40);
}
.AnimateSlide {
	position:relative;
	text-align:center;
	z-index:1;
}
.AnimateSlide .MediaTitleLink {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	text-decoration:none;
	z-index:15;
}
.MediaTitle {
	line-height: 20px;
	color: #000;
	font-weight:bold;
}
.MediaTitleLink:hover .MediaTitle{
	color:#ff0;
	font-weight:bold;
	text-decoration:none;
}
.MainScreen-Folder a img{
	max-height:400px!important;
	width:auto!important;	
}
.Thumbnail-Item {
	width: 120px;
	height: 80px;
	float: left;
	position: relative;
	white-space: nowrap;
	margin:0px 4px 0px 4px;	
	border:2px white solid;
	transition: border 500ms;
}
.Thumbnail-Item:hover {
	border:2px #ffea87 solid;
}
.Thumbnail-Item img {
	width: 120px;
	height: 80px;
	cursor:pointer;
}
.highlight {
	border: 2px solid #3090e9;
}
.Thumbnail-Selector {
	position: relative;
	z-index:50;
	display: block;
    height: 0px;   
    width: 0px;
    border-top:8px #3090e9 solid;
    border-left:8px transparent solid;
    border-right:8px transparent solid;
}
.Thumbnails {
	overflow: auto;
	width: 10000px;
	overflow: hidden;
	position: relative;
	left: 0px;
}
#ContainerThumbnail{
	background-color:#eff7ff!important;
	height:112px;
	clear:both;
	margin:0px;
	border: 1px solid #cce6ff;
	border-top: 2px solid #91c3f2;
	position:absolute;
	left:0px;
	right:0px;
	overflow:hidden;
	z-index:999;
}
.ThumbnailWrap {
	overflow: hidden;
	float:left;
	width:92%!important;
	left:4%;
	top:8px;
	position:relative;
}
.Thumbnail-Pager {
	background: url('/Style Library/BenTre/SlideShow/Images/slideShowLeft.png') no-repeat center top;
	position:absolute;
	cursor: pointer;
	min-width: 26px;
	width:4%;
	height: 32px;
	z-index:100;
	top:44px;
}
.Thumbnail-Pager-Left {
	background-position: 0px 0px;
	left:4px;
}
.Thumbnail-Pager-Left:hover {
	background-position: 0px -32px;
}
.Thumbnail-Pager-Right {
	background: url('/Style Library/BenTre/SlideShow/Images/slideShowRight.png') no-repeat center top;
	right:-4px;
}
.Thumbnail-Pager-Right:hover {
	background-position: -32px 0px;
}
.Navigation-Back {
	left:12px!important;
	width: 44px!important;
	height: 44px!important;
	margin-top:-22px!important;
	background: url('/Style Library/BenTre/SlideShow/Images/preOff1.png') center center no-repeat!important;
	transition:background 500ms;
}
.Navigation-Back:hover, .Navigation-Back:focus {
	background: url('/Style Library/BenTre/SlideShow/Images/preOn1.png') center center no-repeat!important;
}
.Navigation-Next {
	right:12px!important;
	width: 44px!important;
	height: 44px!important;
	margin-top:-22px!important;
	background: url('/Style Library/BenTre/SlideShow/Images/nextOff1.png') left center no-repeat!important;		
	transition:background 500ms;
}
.Navigation-Next:hover, .Navigation-Next:focus {
	background: url('/Style Library/BenTre/SlideShow/Images/nextOn1.png') left center no-repeat!important;	
}
#SlideShowFullScreenid img,#SlideShowExitFullScreenid img{
	width:30px!important;
	height:auto!important;
	cursor:pointer;
}
.FolderDetail:hover{
	background-color:black;
	padding:5px;
	opacity:0.3!important;
	filter: alpha(opacity=75);
}
#SlideShowFullScreenid{
	position: absolute;
	top: 3px;
	margin-top:-33px;
	right: 7px;
	z-index:90;
}
#SlideShowExitFullScreenid{
	position: absolute;
	top: 5px;
	right: 7px;
}
#SlideShowFullScreenid img, #SlideShowExitFullScreenid img{
	width:22px!important;
	height:22px!important;
	cursor:pointer;
}
/***/
.tvdpt_FullScreen #divSlideShow{
	margin-bottom:0;
}
@media (max-width:1000px){
.Thumbnail-Selector {
	display:none;
}
}
@media (min-width:769px){
	.Thumbnail-Item img + img{	
	 margin-top:10px!important;
}

}
@media (max-width:768px){
.MainScreen_Image{
	height: auto;
	width:100%;
}
#SlideShowFullScreenid{
	display:none;
}
#divSlideShow{
	min-height:360px;
}
.AnimateSlide {
    padding-top: 20px;
    padding-bottom:70px;
    vertical-align:top;
    height:auto;
}
.Thumbnail-Pager-Left{
	background-position: 0px -32px;
}
.Thumbnail-Pager-Right{
	background-position: -32px 0px;
}
#SlideShowExitFullScreenid {
    position: absolute;
    top: 0px;
    right: 0px;
	left:0;
    height:32px;
    padding-top:5px;
    padding-right:5px;
    text-align:right;
    background-color:white;
    z-index:9999;
}
#MainScreenid{
	border:0;
}
.Thumbnail-Item {
	width: 60px;
	height: 40px;
}
.Thumbnail-Item img {
	width: 60px;
	height: 40px;
}
.Thumbnail-Item img + img{
	 margin-left: -57px!important;
	 margin-top:0px!important;
}
#ContainerThumbnail{
	height:70px;
	margin-bottom:-70px;
}
.Thumbnail-Pager{
	top:20px;
}
.ThumbnailWrap {
    width: 90% !important;
    left: 5%;
}
.Thumbnail-Pager-Right {
    right: 4px;
}
}
@media (max-width:500px){
#divSlideShow{
	min-height:300px;
}
}
@media (max-width:360px){
#divSlideShow{
	min-height:200px;
}
}
.SlideShowExitFullScreen{
	z-index:9999; 
}
/******   3:56   2/6/2015    *********/
/*https://binhduong.bioportal.vn/ThuVienAnh/Forms/AllItems.aspx*/